.divuserlistcontent
{
    width:100%;
    height: 100%;
    overflow-y:auto;
    background-color: rgb(176, 209, 175);
   
}

.divuserlist{

    margin-top: 5px;    
    width:100%;
    
    opacity: 0.9;
    color:white;
}

.card-title{
    text-align:center;
}
// 1. 使用更具体的选择器: 在组件的样式中，可以尝试使用更具体的选择器，
// 比如::ng-deep（在Angular 9之前使用）或::ng-deep的替代品（在Angular 9及以后版本）。从Angular 9开始，
// ::ng-deep被标记为废弃，但你可以使用::ng-deep的等效写法，即直接在选择器前加上宿主选择器。例如：
.divuserlist ::ng-deep img,
.divuserlist img {
    width: 100px;
    height: 100px;
}
.card{
    margin: 10px 10px 10px 10px;
    display: inline-block;
}
.card-foot{
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    align-items:center;
    
}